<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>选择关联表单</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="<s3:data name='dependencies.cmp'/><s3:data name='version'/>/css/cmp.css${data:buildversion}">
		<link rel="stylesheet" href="<s3:data name='dependencies.form'/>/filter/sui-filter.css${data:buildversion}">

		<link rel="stylesheet" href="<s3:data name='dependencies.unflowform'/>/css/index.css${data:buildversion}">
		<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}">
		<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-tableList.css${data:buildversion}">
		

	</head>

	<body class="cmp-fullscreen">

		<div class="cmp-content cmp-content-none background_white">
				<div id="cmp-segmented_title_content" class="cmp-segmented_title_content">

				</div>
			    <div  class="data-order-box" style="display: none;">
					<span class="datatotal" id="datatotal">共0条数据</span>
					<span class="dataorder" id="dataorder"></span>
			    </div>
			<div id="data-order-popover" class="data-order-popover">
				<div id="data-order-bg" class="data-order-bg"></div>
				<div  class="data-order-menu">
					<ul id="orderlist">
					</ul>
				</div>
			</div>
			<div id="scroll"  class="cmp-scroll-wrapper" style="display:none;">
					<div class="cmp-scroll">
						<ul class="cmp-table-view cmp-table-view-striped cmp-table-view-condensed" id="datalist">

						</ul>
					</div>
			</div>
			<div class="cmp-control-content cmp-active">
				<div id="linkContainer" class="container" >  <!--第一步 定义列表容器-->
				</div>
			</div>
		</div>

        <div class="add_button">
		</div>
		<footer id="footer" class="cmp-bar cmp-bar-footer"  >
			<div class="cmp-btn cmp-btn-primary" style="width: -webkit-calc(100% - 160px);width: calc(100% - 160px);" id="ok"><i18n key="unflowform.ok"></i18n></div>
		</footer>
	</body>
	<script type="text/javascript" src="<s3:data name='dependencies.unflowform'/>/i18n/unflowform_zh_CN.js${data:buildversion}" ></script>
		<script type="text/javascript" src="<s3:data name='dependencies.cmp'/>/js/cmp-i18n.js${data:buildversion}" ></script>
		<s3:data name='cordova' />
		<s3:import></s3:import>
		<script type="text/javascript" src="<s3:data name='dependencies.form'/>/js/lib/vue/vue.min.js${data:buildversion}"></script>
		<script type="text/javascript" src="<s3:data name='dependencies.form'/>/filter/sui-filter.js${data:buildversion}"></script>
		<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
		<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
		<script src="${data:dependencies.cmp}/js/cmp-tableList.js${data:buildversion}"></script>
		<script src="${data:dependencies.cmp}/js/cmp-headerFixed.js${data:buildversion}"></script>
		<script src="${data:dependencies.cmp}/js/cmp-asyncLoad.js${data:buildversion}"></script>
	<script type="text/html" id="datalist_li_tpl">
		<% for(var i = 0,len = this.data.length;i < len; i++){ %>
		<%  var obj = this.data[i]; %>
		<li class="cmp-table-view-cell"  state="<%=obj.state %>" id="<%=obj.id %>">

			  <div class="mark locked"  <%  if(obj.state=='1'){%> style="display:none;" <%}%> >
				  <span class="text">锁定</span>
			  </div>

			<div class="cmp-table">
				<% if(this.showimg) {%>
				  <div class="cmp-table-cell cmp-col-img">
					  <% if(obj[configData.imgField]!="") {%>
					    <img class="biz-list-img" src="<%= configData.ip %>/commonimage.do?method=showImage&q=0.5&size=custom&w=91&h=91&id=<%=obj[configData.imgField] %>"/>
					  <%}else {%>
					    <span class="see-icon-v5-common-import-img"></span>
					  <%}%>
				   </div>
				<%}%>
				<div class="cmp-table-cell col-title">
					<% for(var j = 0,len1 = configData.fields.length;j < len1; j++){ %>
					<%  var field =  configData.fields[j]; %>
					<h5 <%if(j == 0){%> style="font-weight: bold;" <% } %>  class="cmp-ellipsis <%if(j >=4){%> hidden <% }%>"><%=field.value %></h5>
					<% } %>
				</div>
				<% if(this.showimg) {%>
				    <div class="cmp-table-cell ">
				<% }else {%>
					<div class="cmp-table-cell ">
				<% } %>
					<% for(var k = 0,len2 = configData.fields.length;k < len2; k++){ %>
					<% var field1 =  configData.fields[k];obj[field1.name]=(obj[field1.name]==null || obj[field1.name]=="")?"&nbsp;":obj[field1.name];%>
					<h5 <%if(k == 0){%> style="font-weight: bold;" <% } %>  class="cmp-ellipsis <%if(k >=4){%> hidden <% }%>"><%=obj[field1.name] %></h5>
					<% } %>
				</div>
			</div>
			<%if(configData.fields.length>=5 || configData.author.length>0){%>
			 <div style="text-align:right;">
				 <%if(configData.fields.length>=5) {%>
				     <div class="cmp-icon see-icon-v5-common-arrow-down"></div>
				 <% } %>
				 <%if(configData.author.length>1){%>
				     <div class="cmp-icon cmp-icon-more"></div></div>
				 <%} else {%>
				     <div class="showinfo" onclick="clickBottomMenu(0)"><%=configData.author[0].name %></div>
			     <% } %>
			 </div>
			<% } %>
		</li>
		<% } %>

		<%if(this.data.length == 0){%>
		<p style="text-align:center">没有可以显示的数据</p>
		<%}%>
	</script>

	<script type="text/html" id="search_li_tpl">
		<% for(var i = 0,len = this.search.length;i < len; i++){ %>
		<% var obj = this.search[i]; %>
		<li class="cmp-table-view-cell" id="<%=obj.name %>"><a href="#"><%=obj.value %></a>
		</li>
		<% } %>
	</script>
	<s3:data name='unflowformpath.footerScript' />
	<script type="text/javascript">
		var buildversion="${data:buildversion}";
		cmp.i18n.init(_unflowformpath+"/i18n/", "unflowform");
	</script>
	<script type="text/javascript" src="<s3:data name='dependencies.unflowform'/>/js/relationUnflow.js${data:buildversion}"></script>
	<script type="text/javascript" src="<s3:data name='dependencies.common_v5_path'/>/cmp-resources/project/js/projectAccountList.js${data:buildversion}"></script>
</html>
